<template>
  <!-- 3.class="bbb",非props的属性会自动传递到根节点 -->
  <!-- 在使用 inheritAttrs: false禁用主动继承之后使用$attrs.class的方式拿到非props的属性 -->
  <div>
    <div class="head">header</div>
    <div :class="$attrs.class">{{ title }}</div>
  </div>
</template>

<script>
export default {
  // 禁用非props的属性的继承
  inheritAttrs: false,
  props: {
    title: String,
  },
  created() {
    console.log(this.$attrs)
  },
}
</script>

<style scoped></style>
